<!--
	
	Acepower Website Integration
	
	Date: 2013. 8. 28.
	Author: Junwon Lee, ITREE
	Keyword: HTML5, jQuery, PHP
	
-->

<!DOCTYPE html>
<head>
	<title>Acepower - (Slogan)</title>
	
	<!-- Meta Tags -->
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	
	<!-- Scripts -->
	<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
	<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
	<script type = "text/javascript">
        function rotateBanners(elem) {
            var active = $(elem+" img.active");
            var next = active.next();
            if (next.length == 0)
            next = $(elem+" img:first");
            active.removeClass("active").fadeOut(200);
            next.addClass("active").fadeIn(200);
        }
         
        function prepareRotator(elem) {
            $(elem+" img").fadeOut(0);
            $(elem+" img:first").fadeIn(0).addClass("active");
        }
         
        function startRotator(elem) {
            prepareRotator(elem);
            setInterval("rotateBanners('"+elem+"')", 2500);
        }
        
        $(window).load(function() {
            /* Ref : http://cssdesign.kr/forum/viewtopic.php?id=1732 */
            var t = $("#promotion").css("top");
            $("#slides img").css("top", t+"px");
            startRotator("#slides");
            
            var h = $("#content").height();
            if(parseInt(h) > 350)
                $("#side_menu").height(h+"px"); 
        });
	</script>

    <!-- functions -->
    <?php include "functions.php"; ?>
    
	<!-- Styles -->
	<style type="text/css">
	    body {margin:0; padding:0; width:100%; text-align:center;}
	    ul {margin:0; padding:0;}
	    li {list-style:none; display:block;}
	    img {border:none;}
	    a, a:link, a:hover, a:visited, a:active {text-decoration:none !important; color:black;}
	    span, span a:link, span a:visited, span a:active, span a:hover {text-decoration:none !important; color:white;}
	    
        .left {float:left;}
        .right {float:right;}
        .clear {clear:both;}
        
        .margin_20{margin:20px;}
        .margin_10{margin:10px;}
        
        .padding-10{padding:10px;}
        
        .hide {display: none;}
        
        .block-center{margin:0 auto; width:1200px; text-align:left;}
        
        #nav {margin-left: 20px; width:750px;}
        
        #menu_top {float:right; margin-top:10px; font-size:10pt;}
        #menu_top {float:right;display:block; padding:4px; }
        #menu_bar {margin-top:35px; float:left;display:block; padding:8px; }
        
        #background-top {position:absolute; display:block; top:0; left:0; width:100%; height:80px; background:#E94452; z-index: -1;}  
        
        #promotion {height:150px; width:100%; text-align:center; background-color:#111111;}
        
        #side_menu {display:block; width:240px; border-width:0px 1px 0px 1px; border-style:solid; border-color:#e1e1e1;}
        /*#side_menu ul {display:block; font-size:8pt; line-height:2em;}*/
        
        #menu-items a
        {display:block; text-decoration:none !important; width:100%; padding:1px; padding-left:5px; font-size:8pt; line-height:2em;}
        
        #content {width:850px; border-width:0px 1px 0px 0px; border-style:solid; border-color:#e1e1e1; text-align:center}
        
        #footer {width:100%; border-width:0; border-top-width:1px; border-style:solid; border-color:#e1e1e1;}
        
        #contact-info {margin-top:50px;}
	</style>
</head>
<body>
	<div id="menu" class="block-center">
		<span id="logo-header" class="left padding-10"><a href="index.php"><?php top_logo(); ?></a></span>
		<div id="nav" class="left">
			<span id="menu_top">
				<a href="index.php">Home</a> · <a href="contactus.php">Contact Us</a> · <?php change_lang(); ?>
			</span> <!-- menu_top -->
			
			<span id="menu_bar">
				<?php menu_item1(); ?> · 
				<?php menu_item2(); ?> · 
				<?php menu_item3(); ?> · 
				<?php menu_item4(); ?> · 
				<?php menu_item5(); ?>
			</span> <!-- /#menu_bar -->
		</div> <!-- /nav.left -->
	</div> <!-- /#menu -->
    <div id="background-top"><!--dummy--></div>